<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:url value="/" var="baseUrl" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>  
<head>  
    <title>Ajax Loading Demo</title>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
<style type="text/css">  
</style>  
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>  
    <script type="text/javascript" src="${baseUrl}layer-v3.0.3/layer/layer.js"></script> 
  <script type="text/javascript">  
        ;!function(){  
            layer.config({//加载扩展模块  
                extend: 'extend/layer.ext.js'  
            });  
            layer.ready(function(){   
            });  
        }();  
          
        function ityzl_SHOW_LOAD_LAYER(){  
            return layer.msg('努力中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: '0px', time:100000}) ;  
        }  
        function ityzl_CLOSE_LOAD_LAYER(index){  
            layer.close(index);  
        }  
        function ityzl_SHOW_TIP_LAYER(){  
            layer.msg('恭喜您，加载完成！',{time: 1000,offset: '10px'});  
        }  
    </script>  
 <script type="text/javascript">  
$(function(){  
    $("#btnRequest").bind("click", function () {  
        var i ;  
        $.ajax({  
            type: "get",  
            dataType: "text",  
            url: "front/ListSelectAvgFlow?date=201707",  
            beforeSend: function () {  
                i = ityzl_SHOW_LOAD_LAYER();  
            },  
            success: function (msg) {  
                ityzl_CLOSE_LOAD_LAYER(i);  
                ityzl_SHOW_TIP_LAYER();  
            },  
            error: function (e, jqxhr, settings, exception) {  
                ityzl_CLOSE_LOAD_LAYER(i);  
            }  
        });  
    });  
});  
</script> 
    
 
      
</head>  
<body>  
    <a href="javascript:void(0);" id="btnRequest" >请求数据</a>  
    
  <select class="easyui-combobox" id="months" name="select"  onchange="window.location=this.value;" panelHeight="auto" style="    width:80px; padding-top:5px; margin-top:10px;">
<option value="1">01</option> 
<option value="2">02</option> 
<option value="3">03</option> 
<option >04</option> 
<option value="5">05</option> 
<option value="ListAvgFlow?date=201706">06</option> 
<option value="front/ListAvgFlow?date=201707">07</option>
<option value="ListAvgFlow?date=201708">08</option> 
<option value="ListAvgFlow?date=201709">09</option>
<option value="ListAvgFlow?date=201710">10</option> 
<option value="11">11</option> 
<option value="12">12</option>   
  </select>月 
</body>  
</html>